* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing:border-box;
    outline: none;
}
html {
    font-size:62.5%;
}
html,body {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    overflow-x: hidden;
}
body {
    font-size: 1.2rem;
    font-family: "Microsoft Yahei";
    min-width:320px;
    max-width:768px;
    margin:0 auto;
    background: #ffed65;
}
.redF{
    color: #e8124a;
}

.djs{
    width:100%;
    height:38px;
    background: #9917e1;
    text-align: center;
    position:relative;
}
.djs div{
    font-size:1.4rem;
    color:#fff;
    height: 100%;
    padding: 10px 0;
}
.djs div img{
    height:78%;
    vertical-align: -2px;
}
.djs p {
    display: inline-block;
}
.djs p img{
    height:100%;
}
.djs p span{
    display: inline-block;
    padding:0 4px;
    background: #8100c5;
    border-radius:2px;
    margin: 0 2px;
}
.banner{
    width:100%;
}
.banner img{
    width:100%;
    height:auto;
    display: block;
}
.qdBtn{
    width:50%;
    margin:0 auto;
}
.qdBtn img{
    width:100%;
}
.tongz{
    width:96%;
    margin:2%;
    text-align: center;
    font-size: 1.6rem;
    color:#381314;
}
.tongz img{
    height: 14px;
    vertical-align: -2px;
    padding-right:4px;
}
.cj{
    width:96%;
    margin:2%;
    background: url("/templates/images/daysign/bg.png") no-repeat center ;
    background-size: contain;
    padding:6% 11%;
    position:relative;
}
.cj .hb{
    width:32.2%;
    display: inline-block;
}
.cj .hb img{
    width:100%;
}
.cj p{
    position:absolute;
    bottom:2%;
    text-align: center;
    color:#381314;
    width:80%;
    font-size: 1.4rem;
}

.ruler_info{
    width:96%;
    margin:4% 2%;
    text-align: center;
    padding: 3%;
}
.ruler_info img{
    width:46%;
    height:auto;
    margin:2%;
}
.ruler_info  p{
    text-align: left;
    color:#381314;
    font-size:1.4rem;
    line-height: 2rem;
}
.footer{
    width:100%;
    text-align: center;
    color:#381314;
    font-size:1.6rem;
    background: url("/templates/images/daysign/bg2.png") no-repeat center top;
    background-size:100% 100%;
    padding:4%;
}
.tc{
    position:fixed;
    background:rgba(0, 0, 0, 0.73);
    width:100%;
    height:100%;
    top:0px;
    display:  none;
}
.tc .p1{
    position: absolute;
    display: inline-block;
    background:rgba(0, 0, 0, 0.6);
    border-radius: 6px;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:1.4rem;
    text-align: center;
    padding: 10px;
    width: 160px;
}
.tc .p2{
    background: url("/templates/images/daysign/hb_bg.png") no-repeat center top;
    position: absolute;
    display: inline-block;
    border-radius: 6px;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#381314;
    font-size:1.4rem;
    text-align: center;
    width:70%;
    background-size: contain;
    padding: 2% 8%;
    line-height: 2.6rem;
}
.tc .disno{
    display: none;
}
.tc .spanX{
    /*! padding:14px 0; */
    line-height: 4rem;
}